﻿<!DOCTYPE html>
<html>
  <head>
    <title>超声测距</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/超声测距/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/超声测距/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u1261" class="ax_default" data-left="50" data-top="118" data-width="263" data-height="119">

        <!-- Unnamed (矩形) -->
        <div id="u1262" class="ax_default box_1">
          <div id="u1262_div" class=""></div>
          <div id="u1262_text" class="text ">
            <p><span>HC-SR04</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1263" class="ax_default box_1">
          <div id="u1263_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1264" class="ax_default ellipse">
          <img id="u1264_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1265" class="ax_default label">
          <div id="u1265_div" class=""></div>
          <div id="u1265_text" class="text ">
            <p><span>VCC</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1266" class="ax_default ellipse">
          <img id="u1266_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1267" class="ax_default label">
          <div id="u1267_div" class=""></div>
          <div id="u1267_text" class="text ">
            <p><span>Trig</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1268" class="ax_default ellipse">
          <img id="u1268_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1269" class="ax_default label">
          <div id="u1269_div" class=""></div>
          <div id="u1269_text" class="text ">
            <p><span>Echo</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1270" class="ax_default ellipse">
          <img id="u1270_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1271" class="ax_default label">
          <div id="u1271_div" class=""></div>
          <div id="u1271_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1272" class="ax_default ellipse">
          <img id="u1272_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1273" class="ax_default ellipse">
          <img id="u1273_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1274" class="ax_default ellipse">
          <img id="u1274_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1275" class="ax_default ellipse">
          <img id="u1275_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1276" class="ax_default ellipse">
          <img id="u1276_img" class="img " src="images/超声测距/u1276.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1277" class="ax_default ellipse">
          <img id="u1277_img" class="img " src="images/超声测距/u1277.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1278" class="ax_default ellipse">
          <img id="u1278_img" class="img " src="images/超声测距/u1276.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1279" class="ax_default ellipse">
          <img id="u1279_img" class="img " src="images/超声测距/u1277.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1280" class="ax_default _文本段落">
        <div id="u1280_div" class=""></div>
        <div id="u1280_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">Tips：</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">超声测距的原理：</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">模块先发送超声波，超声波遇到障碍物反射回来，被模块接收到。模块从发送超声波的那一刻开始计时，到接收到反射回来的超声波的那一刻停止计时。计算两次计时之间的时间差。根据声波的传播速度计算模块与障碍物之间的距离。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">发送超声波的操作</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">：通过程序给Trig引脚持续输出10us的高电平。此时模块会自动发出8组频率为40kHz的声波。发出声波的同时，模块将Echo针脚设置为高电平，启动计时器开始计时。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">接受超声波的操作</span><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">：模块接收到反射回来的超声波信号，将Echo针脚重新置为低电平，结束计时，计算两者时间差。</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">声波在空气中的传播速度为344m/s，根据时间计算声波往返的距离。再将距离除以2得到单边的距离。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1281" class="ax_default _一级标题">
        <div id="u1281_div" class=""></div>
        <div id="u1281_text" class="text ">
          <p><span>所需硬件：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1282" class="ax_default label">
        <div id="u1282_div" class=""></div>
        <div id="u1282_text" class="text ">
          <p><span>HC-SR04超声测距模块</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1283" class="ax_default _一级标题">
        <div id="u1283_div" class=""></div>
        <div id="u1283_text" class="text ">
          <p><span>硬件接线：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1284" class="ax_default _一级标题">
        <div id="u1284_div" class=""></div>
        <div id="u1284_text" class="text ">
          <p><span>示例代码：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1285" class="ax_default _文本段落">
        <div id="u1285_div" class=""></div>
        <div id="u1285_text" class="text ">
          <p><span>#define Trig 13 //引脚Trig 连接 13</span></p><p><span>#define Echo 12 //引脚Echo 连接 12</span></p><p><span><br></span></p><p><span>float dis; //计算最后的距离</span></p><p><span>float timer; //计时器</span></p><p><span><br></span></p><p><span>void setup() {</span></p><p><span>&nbsp; Serial.begin(9600);</span></p><p><span>&nbsp; pinMode(Trig, OUTPUT);</span></p><p><span>&nbsp; pinMode(Echo, INPUT);</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop() {</span></p><p><span>&nbsp; //控制发射超声波</span></p><p><span>&nbsp; digitalWrite(Trig, LOW); </span></p><p><span>&nbsp; delayMicroseconds(2);&nbsp;&nbsp; </span></p><p><span>&nbsp; digitalWrite(Trig,HIGH); </span></p><p><span>&nbsp; delayMicroseconds(10);&nbsp; </span></p><p><span>&nbsp; digitalWrite(Trig, LOW); </span></p><p><span><br></span></p><p><span>&nbsp; //发送完声波开始计时，同时等待声波返回。</span></p><p><span>&nbsp; timer = float(pulseIn(Echo, HIGH)); </span></p><p><span>&nbsp; //Echo引脚电平为HIGH时，pulseIn函数开始计算时间</span></p><p><span>&nbsp; //当检测到返回的声波时，Echo引脚电平为LOW，pulseIn函数停止计时。</span></p><p><span>&nbsp; //声速是:340m/s = 0.034cm/μs</span></p><p><span>&nbsp; //距离：0.034*temp/2 = 0.017 * temp cm</span></p><p><span>&nbsp; </span></p><p><span>&nbsp; dis = timer * 0.017f; //把回波时间换算成cm</span></p><p><span><br></span></p><p><span>&nbsp; //打印输出测距结果</span></p><p><span>&nbsp; Serial.print(&quot;time:&quot;);</span></p><p><span>&nbsp; Serial.print(timer);</span></p><p><span>&nbsp; Serial.print(&quot;μs&quot;);</span></p><p><span>&nbsp; Serial.print(&quot; &lt;--&gt; distance:&quot;);</span></p><p><span>&nbsp; Serial.print(dis);</span></p><p><span>&nbsp; Serial.println(&quot;cm&quot;);</span></p><p><span>&nbsp; </span></p><p><span>&nbsp; delay(1000);</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1286" class="ax_default _一级标题">
        <div id="u1286_div" class=""></div>
        <div id="u1286_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1287" class="ax_default" data-left="86" data-top="637" data-width="283" data-height="391">

        <!-- Unnamed (矩形) -->
        <div id="u1288" class="ax_default box_1">
          <div id="u1288_div" class=""></div>
          <div id="u1288_text" class="text ">
            <p><span>Arduino </span></p><p><span>UNO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1289" class="ax_default box_1">
          <div id="u1289_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1290" class="ax_default box_1">
          <div id="u1290_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1291" class="ax_default box_1">
          <div id="u1291_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1292" class="ax_default box_1">
          <div id="u1292_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1293" class="ax_default box_1">
          <div id="u1293_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1294" class="ax_default box_1">
          <div id="u1294_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1295" class="ax_default box_1">
          <div id="u1295_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1296" class="ax_default box_1">
          <div id="u1296_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1297" class="ax_default label">
          <div id="u1297_div" class=""></div>
          <div id="u1297_text" class="text ">
            <p><span>SCL</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1298" class="ax_default box_1">
          <div id="u1298_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1299" class="ax_default label">
          <div id="u1299_div" class=""></div>
          <div id="u1299_text" class="text ">
            <p><span>SDA</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1300" class="ax_default box_1">
          <div id="u1300_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1301" class="ax_default label">
          <div id="u1301_div" class=""></div>
          <div id="u1301_text" class="text ">
            <p><span>AREF</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1302" class="ax_default box_1">
          <div id="u1302_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1303" class="ax_default label">
          <div id="u1303_div" class=""></div>
          <div id="u1303_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1304" class="ax_default box_1">
          <div id="u1304_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1305" class="ax_default label">
          <div id="u1305_div" class=""></div>
          <div id="u1305_text" class="text ">
            <p><span>13</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1306" class="ax_default box_1">
          <div id="u1306_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1307" class="ax_default label">
          <div id="u1307_div" class=""></div>
          <div id="u1307_text" class="text ">
            <p><span>12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1308" class="ax_default box_1">
          <div id="u1308_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1309" class="ax_default label">
          <div id="u1309_div" class=""></div>
          <div id="u1309_text" class="text ">
            <p><span>~11</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1310" class="ax_default box_1">
          <div id="u1310_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1311" class="ax_default label">
          <div id="u1311_div" class=""></div>
          <div id="u1311_text" class="text ">
            <p><span>~10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1312" class="ax_default box_1">
          <div id="u1312_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1313" class="ax_default label">
          <div id="u1313_div" class=""></div>
          <div id="u1313_text" class="text ">
            <p><span>~9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1314" class="ax_default box_1">
          <div id="u1314_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1315" class="ax_default label">
          <div id="u1315_div" class=""></div>
          <div id="u1315_text" class="text ">
            <p><span>8</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1316" class="ax_default box_1">
          <div id="u1316_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1317" class="ax_default label">
          <div id="u1317_div" class=""></div>
          <div id="u1317_text" class="text ">
            <p><span>7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1318" class="ax_default box_1">
          <div id="u1318_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1319" class="ax_default label">
          <div id="u1319_div" class=""></div>
          <div id="u1319_text" class="text ">
            <p><span>~6</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1320" class="ax_default box_1">
          <div id="u1320_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1321" class="ax_default label">
          <div id="u1321_div" class=""></div>
          <div id="u1321_text" class="text ">
            <p><span>~5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1322" class="ax_default box_1">
          <div id="u1322_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1323" class="ax_default label">
          <div id="u1323_div" class=""></div>
          <div id="u1323_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1324" class="ax_default box_1">
          <div id="u1324_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1325" class="ax_default label">
          <div id="u1325_div" class=""></div>
          <div id="u1325_text" class="text ">
            <p><span>~3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1326" class="ax_default box_1">
          <div id="u1326_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1327" class="ax_default label">
          <div id="u1327_div" class=""></div>
          <div id="u1327_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1328" class="ax_default box_1">
          <div id="u1328_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1329" class="ax_default label">
          <div id="u1329_div" class=""></div>
          <div id="u1329_text" class="text ">
            <p style="font-size:7px;"><span style="font-size:10px;">TX</span><span>→</span><span style="font-size:10px;">1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1330" class="ax_default box_1">
          <div id="u1330_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1331" class="ax_default label">
          <div id="u1331_div" class=""></div>
          <div id="u1331_text" class="text ">
            <p style="font-size:7px;"><span style="font-size:10px;">RX</span><span>→</span><span style="font-size:10px;">0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1332" class="ax_default label">
          <div id="u1332_div" class=""></div>
          <div id="u1332_text" class="text ">
            <p><span>NOT USED</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1333" class="ax_default box_1">
          <div id="u1333_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1334" class="ax_default label">
          <div id="u1334_div" class=""></div>
          <div id="u1334_text" class="text ">
            <p><span>IOREF</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1335" class="ax_default box_1">
          <div id="u1335_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1336" class="ax_default label">
          <div id="u1336_div" class=""></div>
          <div id="u1336_text" class="text ">
            <p><span>RESET</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1337" class="ax_default box_1">
          <div id="u1337_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1338" class="ax_default label">
          <div id="u1338_div" class=""></div>
          <div id="u1338_text" class="text ">
            <p><span>3.3V</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1339" class="ax_default box_1">
          <div id="u1339_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1340" class="ax_default label">
          <div id="u1340_div" class=""></div>
          <div id="u1340_text" class="text ">
            <p><span>5V</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1341" class="ax_default box_1">
          <div id="u1341_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1342" class="ax_default label">
          <div id="u1342_div" class=""></div>
          <div id="u1342_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1343" class="ax_default box_1">
          <div id="u1343_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1344" class="ax_default label">
          <div id="u1344_div" class=""></div>
          <div id="u1344_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1345" class="ax_default box_1">
          <div id="u1345_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1346" class="ax_default label">
          <div id="u1346_div" class=""></div>
          <div id="u1346_text" class="text ">
            <p><span>VIN</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1347" class="ax_default box_1">
          <div id="u1347_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1348" class="ax_default label">
          <div id="u1348_div" class=""></div>
          <div id="u1348_text" class="text ">
            <p><span>A0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1349" class="ax_default box_1">
          <div id="u1349_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1350" class="ax_default label">
          <div id="u1350_div" class=""></div>
          <div id="u1350_text" class="text ">
            <p><span>A1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1351" class="ax_default box_1">
          <div id="u1351_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1352" class="ax_default label">
          <div id="u1352_div" class=""></div>
          <div id="u1352_text" class="text ">
            <p><span>A2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1353" class="ax_default box_1">
          <div id="u1353_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1354" class="ax_default label">
          <div id="u1354_div" class=""></div>
          <div id="u1354_text" class="text ">
            <p><span>A3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1355" class="ax_default box_1">
          <div id="u1355_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1356" class="ax_default label">
          <div id="u1356_div" class=""></div>
          <div id="u1356_text" class="text ">
            <p><span>A4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1357" class="ax_default box_1">
          <div id="u1357_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1358" class="ax_default label">
          <div id="u1358_div" class=""></div>
          <div id="u1358_text" class="text ">
            <p><span>A5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1359" class="ax_default box_1">
          <div id="u1359_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1360" class="ax_default box_1">
          <div id="u1360_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1361" class="ax_default ellipse">
          <img id="u1361_img" class="img " src="images/四角开关/u137.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1362" class="ax_default ellipse">
          <img id="u1362_img" class="img " src="images/四角开关/u137.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1363" class="ax_default box_1">
          <div id="u1363_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1364" class="ax_default box_1">
          <div id="u1364_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1365" class="ax_default ellipse">
          <img id="u1365_img" class="img " src="images/四角开关/u141.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1366" class="ax_default ellipse">
          <img id="u1366_img" class="img " src="images/四角开关/u141.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1367" class="ax_default box_1">
          <div id="u1367_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1368" class="ax_default box_1">
          <div id="u1368_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1369" class="ax_default box_1">
          <div id="u1369_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1370" class="ax_default box_1">
          <div id="u1370_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1371" class="ax_default box_1">
          <div id="u1371_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1372" class="ax_default box_1">
          <div id="u1372_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1373" class="ax_default box_1">
          <div id="u1373_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1374" class="ax_default box_1">
          <div id="u1374_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1375" class="ax_default ellipse">
          <img id="u1375_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1376" class="ax_default ellipse">
          <img id="u1376_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1377" class="ax_default ellipse">
          <img id="u1377_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1378" class="ax_default ellipse">
          <img id="u1378_img" class="img " src="images/四角开关/u151.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1379" class="ax_default box_1">
          <div id="u1379_div" class=""></div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1380" class="ax_default line">
          <img id="u1380_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1381" class="ax_default box_1">
          <div id="u1381_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1382" class="ax_default box_1">
          <div id="u1382_div" class=""></div>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1383" class="ax_default line">
          <img id="u1383_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1384" class="ax_default line">
          <img id="u1384_img" class="img " src="images/四角开关/u156.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1385" class="ax_default box_1">
          <div id="u1385_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1386" class="ax_default box_1">
          <div id="u1386_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u1387" class="ax_default line">
          <img id="u1387_img" class="img " src="images/四角开关/u163.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1388" class="ax_default ellipse">
          <img id="u1388_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1389" class="ax_default ellipse">
          <img id="u1389_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1390" class="ax_default ellipse">
          <img id="u1390_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1391" class="ax_default ellipse">
          <img id="u1391_img" class="img " src="images/四角开关/u164.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1392" class="ax_default ellipse">
          <img id="u1392_img" class="img " src="images/四角开关/u168.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1393" class="ax_default line">
          <img id="u1393_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1394" class="ax_default line">
          <img id="u1394_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1395" class="ax_default line">
          <img id="u1395_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1396" class="ax_default line">
          <img id="u1396_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1397" class="ax_default line">
          <img id="u1397_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1398" class="ax_default line">
          <img id="u1398_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1399" class="ax_default line">
          <img id="u1399_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1400" class="ax_default line">
          <img id="u1400_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1401" class="ax_default line">
          <img id="u1401_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1402" class="ax_default line">
          <img id="u1402_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1403" class="ax_default line">
          <img id="u1403_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1404" class="ax_default line">
          <img id="u1404_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1405" class="ax_default line">
          <img id="u1405_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1406" class="ax_default line">
          <img id="u1406_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1407" class="ax_default line">
          <img id="u1407_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1408" class="ax_default line">
          <img id="u1408_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1409" class="ax_default line">
          <img id="u1409_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1410" class="ax_default line">
          <img id="u1410_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1411" class="ax_default line">
          <img id="u1411_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1412" class="ax_default line">
          <img id="u1412_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1413" class="ax_default line">
          <img id="u1413_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1414" class="ax_default line">
          <img id="u1414_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1415" class="ax_default line">
          <img id="u1415_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1416" class="ax_default line">
          <img id="u1416_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1417" class="ax_default line">
          <img id="u1417_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (垂直线) -->
        <div id="u1418" class="ax_default line">
          <img id="u1418_img" class="img " src="images/四角开关/u169.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1419" class="ax_default box_1">
          <div id="u1419_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1420" class="ax_default box_1">
          <div id="u1420_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1421" class="ax_default box_1">
          <div id="u1421_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1422" class="ax_default" data-left="92" data-top="415" data-width="263" data-height="119">

        <!-- Unnamed (矩形) -->
        <div id="u1423" class="ax_default box_1">
          <div id="u1423_div" class=""></div>
          <div id="u1423_text" class="text ">
            <p><span>HC-SR04</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1424" class="ax_default box_1">
          <div id="u1424_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1425" class="ax_default ellipse">
          <img id="u1425_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1426" class="ax_default label">
          <div id="u1426_div" class=""></div>
          <div id="u1426_text" class="text ">
            <p><span>VCC</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1427" class="ax_default ellipse">
          <img id="u1427_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1428" class="ax_default label">
          <div id="u1428_div" class=""></div>
          <div id="u1428_text" class="text ">
            <p><span>Trig</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1429" class="ax_default ellipse">
          <img id="u1429_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1430" class="ax_default label">
          <div id="u1430_div" class=""></div>
          <div id="u1430_text" class="text ">
            <p><span>Echo</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1431" class="ax_default ellipse">
          <img id="u1431_img" class="img " src="images/超声测距/u1264.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1432" class="ax_default label">
          <div id="u1432_div" class=""></div>
          <div id="u1432_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1433" class="ax_default ellipse">
          <img id="u1433_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1434" class="ax_default ellipse">
          <img id="u1434_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1435" class="ax_default ellipse">
          <img id="u1435_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1436" class="ax_default ellipse">
          <img id="u1436_img" class="img " src="images/三色led/u830.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1437" class="ax_default ellipse">
          <img id="u1437_img" class="img " src="images/超声测距/u1276.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1438" class="ax_default ellipse">
          <img id="u1438_img" class="img " src="images/超声测距/u1277.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1439" class="ax_default ellipse">
          <img id="u1439_img" class="img " src="images/超声测距/u1276.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1440" class="ax_default ellipse">
          <img id="u1440_img" class="img " src="images/超声测距/u1277.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1441" class="ax_default _连接线">
        <img id="u1441_seg0" class="img " src="images/超声测距/u1441_seg0.png" alt="u1441_seg0"/>
        <img id="u1441_seg1" class="img " src="images/超声测距/u1441_seg1.png" alt="u1441_seg1"/>
        <img id="u1441_seg2" class="img " src="images/超声测距/u1441_seg2.png" alt="u1441_seg2"/>
        <img id="u1441_seg3" class="img " src="images/超声测距/u1441_seg3.png" alt="u1441_seg3"/>
        <div id="u1441_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1442" class="ax_default _连接线">
        <img id="u1442_seg0" class="img " src="images/超声测距/u1442_seg0.png" alt="u1442_seg0"/>
        <img id="u1442_seg1" class="img " src="images/超声测距/u1442_seg1.png" alt="u1442_seg1"/>
        <img id="u1442_seg2" class="img " src="images/超声测距/u1442_seg2.png" alt="u1442_seg2"/>
        <img id="u1442_seg3" class="img " src="images/超声测距/u1442_seg3.png" alt="u1442_seg3"/>
        <div id="u1442_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1443" class="ax_default _连接线">
        <img id="u1443_seg0" class="img " src="images/超声测距/u1443_seg0.png" alt="u1443_seg0"/>
        <img id="u1443_seg1" class="img " src="images/超声测距/u1443_seg1.png" alt="u1443_seg1"/>
        <img id="u1443_seg2" class="img " src="images/超声测距/u1443_seg2.png" alt="u1443_seg2"/>
        <img id="u1443_seg3" class="img " src="images/超声测距/u1443_seg3.png" alt="u1443_seg3"/>
        <div id="u1443_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1444" class="ax_default _连接线">
        <img id="u1444_seg0" class="img " src="images/超声测距/u1444_seg0.png" alt="u1444_seg0"/>
        <img id="u1444_seg1" class="img " src="images/超声测距/u1444_seg1.png" alt="u1444_seg1"/>
        <img id="u1444_seg2" class="img " src="images/超声测距/u1444_seg2.png" alt="u1444_seg2"/>
        <img id="u1444_seg3" class="img " src="images/超声测距/u1444_seg3.png" alt="u1444_seg3"/>
        <div id="u1444_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1445" class="ax_default image">
        <img id="u1445_img" class="img " src="images/超声测距/u1445.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1446" class="ax_default label">
        <div id="u1446_div" class=""></div>
        <div id="u1446_text" class="text ">
          <p><span>打开串口监视器</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1447" class="ax_default label">
        <div id="u1447_div" class=""></div>
        <div id="u1447_text" class="text ">
          <p><span>检测到近距离有物体</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1448" class="ax_default label">
        <div id="u1448_div" class=""></div>
        <div id="u1448_text" class="text ">
          <p><span>检测到稍远距离有物体</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1449" class="ax_default _连接线">
        <img id="u1449_seg0" class="img " src="images/超声测距/u1449_seg0.png" alt="u1449_seg0"/>
        <img id="u1449_seg1" class="img " src="images/超声测距/u1449_seg1.png" alt="u1449_seg1"/>
        <img id="u1449_seg2" class="img " src="images/超声测距/u1449_seg2.png" alt="u1449_seg2"/>
        <img id="u1449_seg3" class="img " src="images/超声测距/u1449_seg3.png" alt="u1449_seg3"/>
        <div id="u1449_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1450" class="ax_default _连接线">
        <img id="u1450_seg0" class="img " src="images/超声测距/u1450_seg0.png" alt="u1450_seg0"/>
        <img id="u1450_seg1" class="img " src="images/超声测距/u1450_seg1.png" alt="u1450_seg1"/>
        <img id="u1450_seg2" class="img " src="images/超声测距/u1449_seg2.png" alt="u1450_seg2"/>
        <img id="u1450_seg3" class="img " src="images/超声测距/u1450_seg3.png" alt="u1450_seg3"/>
        <div id="u1450_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
